
$(function(){
	// 绑定ICheck样式
	WASP_WIDGET.triggerICheck();
	// 绑定IRadio样式
	//WASP_WIDGET.triggerIRadio();

	
	//饼形图表  
	var pieChart = echarts.init(document.getElementById('pieChart')); 
	pieChart.clear();  
	pieChart.showLoading({text: '正在努力的读取数据中...'}); 
	var option = {
		    tooltip : {
		        trigger: 'item',
		        formatter: "{a} <br/>{b} : {c} ({d}%)"
		    },
		    series : [
		        {
		            name:'产品创设需求',
		            type:'pie',
		            // 调色
		            color: ['#ff9966', '#ff6633', '#55aa77','#ff9999'],
		            radius : '55%',
		            center: ['50%', '60%'],
		            data:[
		                {value:25, name:'初始化数据'},
		                {value:5, name:'已提交'},
		                {value:30, name:'处理中'},
		                {value:40, name:'处理完成'}
		            ]
		        }
		    ]
		};
	// 条形图表
	var barChart = echarts.init(document.getElementById('barChart')); 
	barChart.clear();  
	barChart.showLoading({text: '正在努力的读取数据中...'}); 
	var option2 = {
			legend: {
		        orient: 'vertical',
		        x: 'left',
		        data:['直达专程']
		    }, 
		    xAxis: {
		        type: 'category',
		        axisTick:{
		        	//是否显示坐标轴刻度
		        	show:false,
		        	alignWithLabel:false
		        },
		        /*axisLine:{
		        	// 轴末端是否显示(箭头)图标
		        	symbol:['none', 'arrow']
		        },*/
		        data: [ '初始化数据', '已提交', '处理中','处理完成']
		    },
		    yAxis: {
		        type: 'value',
		        //是否显示分隔线
		        splitLine:{
		        	show:false
		        },
		        axisTick:{
		        	//是否显示坐标轴刻度
		        	show:false,
		        	alignWithLabel:false
		        },
		        //是否显示刻度标签
		        axisLabel: {
		        	show: false
		        },
		       /*,
		        axisLine:{
		        	// 轴末端是否显示(箭头)图标
		        	symbol:['none', 'arrow']
		        }*/
		    },
		    series: [{
		    	name:'直达专程',
		    	label:{
		    		normal:{
		    			show:true,
		    			position:'top'
		    		}
		    	},
		        data: [25, 5, 30, 40],
		        type: 'bar',
		        //color: ['#ff9966', '#ff6633', '#55aa77','#ff9999'],
		        // 设置柱体的颜色
		        itemStyle:{
		        	normal:{
		        		color:function(params){
		        			var colorList = ['#ff9966', '#ff6633', '#55aa77','#ff9999'];
		        			return colorList[params.dataIndex]
		        		}
		        	}
		        }
		    }]
		};
	
	
	//载入图表  
	loadDrugs(pieChart,option); 
	loadDrugs(barChart,option2);

});

//加载
function loadDrugs(element,option) {  
	
	element.setOption(option, true);  
	element.hideLoading();
} 


